<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="shrotcut icon" href="logo.ico">
    <link rel="stylesheet" href="css/pubic.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div class="header">
        <div class="top">
            <div class="clearfix">
                <ul class="clearfix">
                    <li>欢迎来到侨力</li>
                    <li><a href="#">请登录</a><a href="#">免费注册</a></li>
                </ul>
                <ol class="clearfix">
                    <li><a href="#">我的订单</a></li>
                    <li><a href="#">我的侨力<img src="img/header-arrow.png" alt="header-arrow.png"></a></li>
                    <li><a href="#" class="current">侨力会员</a></li>
                    <li><a href="#">收藏夹<img src="img/header-arrow.png" alt="header-arrow.png"></a></li>
                    <li><a href="#">客户服务<img src="img/header-arrow.png" alt="header-arrow.png"></a></li>
                    <li><a href="#">网站导航<img src="img/header-arrow.png" alt="header-arrow.png"></a></li>
                </ol>
            </div>
        </div>
        <div class="content clearfix">
            <a href="index.html" class="logo"><img src="img/logo.png" alt="logo.png"></a>
            <div class="search-box clearfix">
                <form action="#" method="post">
                    <input type="text" name="search" placeholder="秋冬上衣">
                    <input type="button" value="搜索" class="search">
                    <a href="show-cart.html"><input type="button" value="我的购物车"></a>
                </form>
                <p><a href="#">冬季上衣</a>
                <a href="#">品牌女装</a>
                <a href="#">户外休闲</a>
                <a href="#">运动服</a>
                <a href="#">儿童休闲服</a>
                <a href="#">亲子装</a></p>
            </div>
        </div>
        <div class="bottom clearfix" id="bottom">
            <div class="sidebar" id="sidebar">
                <div class="nav" id="nav"><img src="img/classify.png" alt="classify.png">商品分类</div>
                <ul>
                    <li class="brand clearfix">
                        <div class="left"><a href="#">品牌</a></div>
                        <div class="right"><a href="#">特步</a><a href="#">艾酷狼</a><a href="#">探路者</a></div>
                    </li>
                    <li class="woman clearfix">
                        <div class="left"><a href="#">女人</a></div>
                        <div class="right"><a href="#">职业装</a><a href="#">秋冬上衣</a><a href="#">衬衫</a><a href="#">卫衣</a><a href="#">运动装</a><a href="#">休闲裤</a></div>
                    </li>
                    <li class="man clearfix">
                        <div class="left"><a href="#">男人</a></div>
                        <div class="right"><a href="#">夹克</a><a href="#">卫衣</a><a href="#">针织衫</a><a href="#">t恤</a><a href="#">衬衫</a><a href="#">哈伦裤</a></div>
                    </li>
                    <li class="children clearfix">
                        <div class="left"><a href="#">儿童</a></div>
                        <div class="right"><a href="#">亲子装</a><a href="#">运动装</a><a href="#">t恤</a><a href="#">卫衣</a><a href="#">外套</a><a href="#">棒球衫</a></div>
                    </li>
                </ul>
            </div>
            <ol class="note-brand clearfix">
                <li><a href="#">热卖2017新品</a><a href="#">针织衫</a><a href="#">秋冬上衣</a></li>
                <li><a href="#">打底衫</a><a href="#">T恤</a><a href="#">牛仔裤</a></li>
                <li><a href="#">打底裤</a><a href="#">短外套</a><a href="#">小西装</a></li>
                <li><a href="#">运动服</a><a href="#">雪纺衫</a><a href="#">半身裙</a></li>
                <li><a href="#">棉服</a><a href="#">卫衣</a><a href="#">衬衫</a></li>
                <li><a href="#">当即热卖</a><a href="#">潮牌</a></li>
            </ol>
            <ol class="note-woman clearfix">
                <li><a href="#">女2017新品</a><a href="#">针织衫</a><a href="#">秋冬上衣</a></li>
                <li><a href="#">打底衫</a><a href="#">T恤</a><a href="#">牛仔裤</a></li>
                <li><a href="#">打底裤</a><a href="#">短外套</a><a href="#">小西装</a></li>
                <li><a href="#">运动服</a><a href="#">雪纺衫</a><a href="#">半身裙</a></li>
                <li><a href="#">棉服</a><a href="#">卫衣</a><a href="#">衬衫</a></li>
                <li><a href="#">当即热卖</a><a href="#">潮牌</a></li>
            </ol>
            <ol class="note-man clearfix">
                <li><a href="#">男2017新品</a><a href="#">针织衫</a><a href="#">秋冬上衣</a></li>
                <li><a href="#">打底衫</a><a href="#">T恤</a><a href="#">牛仔裤</a></li>
                <li><a href="#">打底裤</a><a href="#">短外套</a><a href="#">小西装</a></li>
                <li><a href="#">运动服</a><a href="#">雪纺衫</a><a href="#">半身裙</a></li>
                <li><a href="#">棉服</a><a href="#">卫衣</a><a href="#">衬衫</a></li>
                <li><a href="#">当即热卖</a><a href="#">潮牌</a></li>
            </ol>
            <ol class="note-children clearfix">
                <li><a href="#">儿童2017新品</a><a href="#">针织衫</a><a href="#">秋冬上衣</a></li>
                <li><a href="#">打底衫</a><a href="#">T恤</a><a href="#">牛仔裤</a></li>
                <li><a href="#">打底裤</a><a href="#">短外套</a><a href="#">小西装</a></li>
                <li><a href="#">运动服</a><a href="#">雪纺衫</a><a href="#">半身裙</a></li>
                <li><a href="#">棉服</a><a href="#">卫衣</a><a href="#">衬衫</a></li>
                <li><a href="#">当即热卖</a><a href="#">潮牌</a></li>
            </ol>
            <div class="column">
                <a href="#">秒杀</a>
                <a href="#">优惠券</a>
                <a href="#">服装城</a>
                <a href="#">侨力会员</a>
            </div>
        </div>
    </div>
    <div class="banner ">
        <ul class="clearfix">
            <li><a href="#"><img src="img/banner-first.png" alt="banner-first.png"></a></li>
            <li><a href="#"><img src="img/banner-second.png" alt="banner-second.png"></a></li>
            <li><a href="#"><img src="img/banner-third.png" alt="banner-third.png"></a></li>
        </ul>
        <span class="left"></span>
        <span class="right"></span>
        <ol class="clearfix">
            <li class="on"></li>
            <li></li>
            <li></li>
        </ol>
    </div>
    <div class="content">
        <div class="new">
            <div class="title">
                <span>最新商品</span>
                <a href="#">只有你想不到 <img src="img/more.png" alt="more.png"></a>
            </div>
            <ul class="clearfix">
                <li>
                    <a href="#"><img src="img/content-new-01.png" alt="content-new-01.png"></a>
                    <a class="summary" href="#">秋冬新款韩版女装格子西服套装</a>
                    <div class="clearfix"><span class="left">&yen; 299</span> <i class="right">江苏 苏州</i></div>
                </li>
                <li>
                    <a href="#"><img src="img/content-new-02.png" alt="content-new-02.png"></a>
                    <a class="summary" href="#">2017秋装新款连帽飞行夹克女韩版休闲外套</a>
                    <div class="clearfix"><span class="left">&yen; 166</span> <i class="right">广东 广州</i></div>
                </li>
                <li>
                    <a href="#"><img src="img/content-new-03.png" alt="content-new-03.png"></a>
                    <a class="summary" href="#">韩版潮流复古学院风毛衣</a>
                    <div class="clearfix"><span class="left">&yen; 158</span> <i class="right">浙江 嘉兴</i></div>
                </li>
                <li>
                    <a href="#"><img src="img/content-new-04.png" alt="content-new-04.png"></a>
                    <a class="summary" href="#">2017秋装韩版新款休闲长款牛仔风衣</a>
                    <div class="clearfix"><span class="left">&yen; 228</span> <i class="right">浙江 湖州</i></div>
                </li>
                <li>
                    <a href="#"><img src="img/content-new-05.png" alt="content-new-05.png"></a>
                    <a class="summary" href="#">羊羔毛绒外套女拼接冬季短款棉服鹿皮绒可爱棉袄chic棉衣</a>
                    <div class="clearfix"><span class="left">&yen; 459</span> <i class="right">湖北 武汉</i></div>
                </li>
                <li>
                    <a href="#"><img src="img/content-new-06.png" alt="content-new-06.png"></a>
                    <a class="summary" href="#">运动套装情侣秋冬季加绒加厚休闲卫衣</a>
                    <div class="clearfix"><span class="left">&yen; 239</span> <i class="right">广东 广州</i></div>
                </li>
                <li>
                    <a href="#"><img src="img/content-new-07.png" alt="content-new-07.png"></a>
                    <a class="summary" href="#">秋天运动套装女春秋2017新款潮韩版时尚休闲服插肩袖卫衣</a>
                    <div class="clearfix"><span class="left">&yen; 178</span> <i class="right">湖南 长沙</i></div>
                </li>
                <li>
                    <a href="#"><img src="img/content-new-08.png" alt="content-new-08.png"></a>
                    <a class="summary" href="#">针织衫男开衫薄款韩版修身毛衣男装秋季休闲外套潮流</a>
                    <div class="clearfix"><span class="left">&yen; 168</span> <i class="right">浙江 湖州</i></div>
                </li>
            </ul>
        </div>
        <div class="hot">
            <div class="title">
                <span>热门商品</span>
                <a href="#">引领时尚新潮流 <img src="img/more.png" alt="more.png"></a>
            </div>
            <ul class="clearfix">
                <li>
                    <a href="#"><img src="img/content-hot-01.png" alt="content-hot-01.png"></a>
                    <a class="summary" href="#">秋装新款复古做旧皮毛一体连帽外套绒内里男装中长款风衣潮</a>
                    <div class="clearfix"><span class="left">&yen; 188</span> <i class="right">广东 广州</i></div>
                </li>
                <li>
                    <a href="#"><img src="img/content-hot-02.png" alt="content-hot-02.png"></a>
                    <a class="summary" href="#">冬季日系小猫刺绣毛衣男青年潮流套头宽松休闲水洗针织衫线衣</a>
                    <div class="clearfix"><span class="left">&yen; 138</span> <i class="right">浙江 宁波</i></div>
                </li>
                <li>
                    <a href="#"><img src="img/content-hot-03.png" alt="content-hot-03.png"></a>
                    <a class="summary" href="#">羽绒服男士中长款连帽外套加厚男装青年衣服2017冬季新款</a>
                    <div class="clearfix"><span class="left">&yen; 358</span> <i class="right">浙江 杭州</i></div>
                </li>
                <li>
                    <a href="#"><img src="img/content-hot-04.png" alt="content-hot-04.png"></a>
                    <a class="summary" href="#">夹克男韩版修身潮流帅气2017新款原创品牌男装明星同款个性棒球服</a>
                    <div class="clearfix"><span class="left">&yen; 99</span> <i class="right">福建 泉州</i></div>
                </li>
                <li>
                    <a href="#"><img src="img/content-hot-05.png" alt="content-hot-05.png"></a>
                    <a class="summary" href="#">秋冬反季纯色真毛领羊毛连帽毛呢外套女中长款宽松加厚呢子大衣</a>
                    <div class="clearfix"><span class="left">&yen; 296</span> <i class="right">浙江 杭州</i></div>
                </li>
                <li>
                    <a href="#"><img src="img/content-hot-06.png" alt="content-hot-06.png"></a>
                    <a class="summary" href="#">2017新款春秋韩版宽松长款牛仔外套</a>
                    <div class="clearfix"><span class="left">&yen; 188</span> <i class="right">广东 广州</i></div>
                </li>
                <li>
                    <a href="#"><img src="img/content-hot-07.png" alt="content-hot-07.png"></a>
                    <a class="summary" href="#">秋冬新款百搭宽松廓形圆领套头针织女毛衣</a>
                    <div class="clearfix"><span class="left">&yen; 189</span> <i class="right">广东 广州</i></div>
                </li>
                <li>
                    <a href="#"><img src="img/content-hot-08.png" alt="content-hot-08.png"></a>
                    <a class="summary" href="#">2017秋季新款工装外套女韩版抽绳宽松短款风衣上衣</a>
                    <div class="clearfix"><span class="left">&yen; 139</span> <i class="right">广东 广州</i></div>
                </li>
            </ul>
        </div>
        <div class="division"><img src="img/division.png" alt="division.png"></div>
        <div class="recommond">
            <div class="title">
                <span>推荐商品</span>
                <a href="#">总有一款吸引你 <img src="img/more.png" alt="more.png"></a>
            </div>
            <div class="recommond-pro clearfix">
                <a class="recommond-a" href="#"><img src="img/recommond-1.png" alt="recommond-1.png"><span>秋冬风衣外套中长款呢子大衣情侣装</span></a>
                <a class="recommond-b" href="#"><img src="img/recommond-2.png" alt="recommond-2.png"></a>
                <a class="recommond-c" href="#"><img src="img/recommond-3.png" alt="recommond-3.png"></a>
                <a class="recommond-d" href="#"><img src="img/recommond-4.png" alt="recommond-4.png"></a>
                <a class="recommond-e" href="#"><img src="img/recommond-5.png" alt="recommond-5.png"></a>
            </div>
        </div>
        <div class="best">
            <div class="title">
                <span>爆款商品</span>
                <a href="#">为你量身定制 <img src="img/more.png" alt="more.png"></a>
            </div>
            <div class="best-pro clearfix">
                <a class="best-a" href="#"><img src="img/best-1.png" alt="best-1.png"><span>2017秋冬新款宽松毛衣</span></a>
                <a class="best-b" href="#"><img src="img/best-2.png" alt="best-2.png"></a>
                <a class="best-c" href="#"><img src="img/best-3.png" alt="best-3.png"></a>
                <a class="best-d" href="#"><img src="img/best-4.png" alt="best-4.png"></a>
            </div>
        </div>
        <div class="bottom clearfix">
            <ol class="clearfix">
                <li class="item"><a href="#">特色服务<span>为您提供不一样的服务</span></a></li>
                <li class="retreat"><a href="#">7天无理由退货<span>为您提供良好的售后保障</span></a></li>
                <li class="ensure"><a href="#">正品保障<span>品质良好  购物安心</span></a></li>
                <li class="help"><a href="#">帮助中心<span>为您提供购物帮助</span></a></li>
            </ol>
            <dl class="ensure">
                <dt>服务保障</dt>
                <dd><a href="#">正品保障</a></dd>
                <dd><a href="#">七天无理由放心退</a></dd>
                <dd><a href="#">客户服务保证</a></dd>
            </dl>
            <dl class="guide">
                <dt>购物指南</dt>
                <dd><a href="#">免费注册</a></dd>
                <dd><a href="#">订单操作</a></dd>
                <dd><a href="#">账户管理</a></dd>
                <dd><a href="#">会员等级</a></dd>
            </dl>
            <dl class="payment">
                <dt>支付方式</dt>
                <dd><a href="#">快捷支付</a></dd>
                <dd><a href="#">信用卡</a></dd>
                <dd><a href="#">余额宝</a></dd>
                <dd><a href="#">货到付款</a></dd>
                <dd><a href="#">零钱支付</a></dd>
            </dl>
            <dl class="after-sale">
                <dt>售后服务</dt>
                <dd><a href="#">退货政策</a></dd>
                <dd><a href="#">退货流程</a></dd>
                <dd><a href="#">退款方式和时效</a></dd>
                <dd><a href="#">物流服务</a></dd>
            </dl>
        </div>
    </div>
    <div class="footer">
        <div class="top">
            <a href="#">关于侨力</a>
            <a href="#">帮助中心</a>
            <a href="#">开放平台</a>
            <a href="#">联系我们</a>
            <a href="#">网站合作</a>
            <a href="#">法律声明及隐私权政策</a>
        </div>
        <div class="bottom">
            <span>湘ICP证08026629号</span>
            <span>Copyright ©2008 [使用者网站] Powered By [网站程序名称] Version 1.0.0</span>
        </div>
    </div>
</body>
</html>
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/index.js"></script>